<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>校园二手交易平台</title>
<%-- 导入css --%>
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/client/css/main.css"
	type="text/css" />
<!-- 导入首页轮播图css和js脚本 -->
<link type="text/css"
	href="${pageContext.request.contextPath }/client/css/autoplay.css"
	rel="stylesheet" />
<script type="text/javascript"
	src="${pageContext.request.contextPath }/client/js/autoplay.js"></script>
	<script type="text/javascript" src="${pageContext.request.contextPath }/client/js/jquery-1.8.3.min.js"></script>
  <script type="text/javascript" src="${pageContext.request.contextPath }/client/js/jquery.countTo.js"></script>

</head>

<body class="main">
	<%@include file="head.jsp"%>
	<%-- 	<%@include file="menu_search.jsp" %> --%>
	<%-- <div id="divad">
		<img src="${pageContext.request.contextPath}/client/ad/index_ad.jpg"/>
	</div> --%>

	<!-- 图书商场首页轮播图  start -->
	<div id="box_autoplay">
		<div class="list">
			<ul>
				<li><img
					src="${pageContext.request.contextPath }/client/ad/index1.png"
					width="1518.4" height="550" /></li>
				<li><img
					src="${pageContext.request.contextPath }/client/ad/index2.jpg"
					width="1518.4" height="550" /></li>
				<li><img
					src="${pageContext.request.contextPath }/client/ad/index3.jpg"
					width="1518.4" height="550" /></li>
				<li><img
					src="${pageContext.request.contextPath }/client/ad/index4.jpg"
					width="1518.4" height="550" /></li>
				<li><img
					src="${pageContext.request.contextPath }/client/ad/index5.jpg"
					width="1518.4" height="550" /></li>
			</ul>
		</div>
	</div>
	<!-- 图书商场首页轮播图  end -->

	<div class="d">
	<ol class="category-list"> 
		<li id="zxnav_0" class="category-item">
			<input id="zxnav_0_flag" type="hidden" autocomplete="off" value="no">
			<input id="zxnav_0_name" type="hidden" autocomplete="off" value="分类1">
			<div class="category-into">
				<a href="list-36" target="_blank">
					<span>分类1</span>
				</a>
				<i class></i>
			</div>
		</li>
		
		<li id="zxnav_1" class="category-item">
			<input id="zxnav_1_flag" type="hidden" autocomplete="off" value="no">
			<input id="zxnav_1_name" type="hidden" autocomplete="off" value="分类2">
			<div class="category-into">
				<a href="list-36" target="_blank">
					<span>分类2</span>
				</a>
				<i class></i>
			</div>
		</li>
		
		<li id="zxnav_2" class="category-item">
			<input id="zxnav_2_flag" type="hidden" autocomplete="off" value="no">
			<input id="zxnav_2_name" type="hidden" autocomplete="off" value="分类3">
			<div class="category-into">
				<a href="list-36" target="_blank">
					<span>分类3</span>
				</a>
				<i class></i>
			</div>
		</li>
		
		<li id="zxnav_3" class="category-item">
			<input id="zxnav_3_flag" type="hidden" autocomplete="off" value="no">
			<input id="zxnav_3_name" type="hidden" autocomplete="off" value="分类4">
			<div class="category-into">
				<a href="list-36" target="_blank">
					<span>分类4</span>
				</a>
				<i class></i>
			</div>
		</li>
		
		<li id="zxnav_4" class="category-item">
			<input id="zxnav_4_flag" type="hidden" autocomplete="off" value="no">
			<input id="zxnav_4_name" type="hidden" autocomplete="off" value="分类5">
			<div class="category-into">
				<a href="list-36" target="_blank">
					<span>分类5</span>
				</a>
				<i class></i>
			</div>
		</li>
		
		<li id="zxnav_5" class="category-item">
			<input id="zxnav_5_flag" type="hidden" autocomplete="off" value="no">
			<input id="zxnav_5_name" type="hidden" autocomplete="off" value="分类6">
			<div class="category-into">
				<a href="list-36" target="_blank">
					<span>分类6</span>
				</a>
				<i class></i>
			</div>
		</li>
		
		<li id="zxnav_6" class="category-item">
			<input id="zxnav_6_flag" type="hidden" autocomplete="off" value="no">
			<input id="zxnav_6_name" type="hidden" autocomplete="off" value="分类7">
			<div class="category-into">
				<a href="list-36" target="_blank">
					<span>分类7</span>
				</a>
				<i class></i>
			</div>
		</li>
	</ol>
</div>

	<div class="main-menu">
		<div class="main-menu1">
			剩余商品件数： <span class="timer" data-from="5000" data-to="${bean.sum }"
      data-speed="500" data-refresh-interval="2"></span>
<script type="text/javascript">
  $('.timer').countTo();
</script>
			<!-- <span class="timer"></span> -->
			<!-- <script type="text/javascript"> -->

			<!-- </script> -->
		</div>
		<div class="main-menu2">
			本站入驻卖家：<span class="timer1" data-from="0" data-to="${bean.userSum }" 
			data-speed="100" data-refresh-interval="1"></span>
			<script type="text/javascript">
  $('.timer1').countTo();
</script>
		</div>

	</div>

<div class="list-group-item" style="width:1280px;height:550px;margin-top:100px;margin-left:119.2px;padding:0;margin-right:119.2px">
				<table cellspacing="0" class="" >
									<tr>
					<c:forEach items="${bean.ps}" var="p" varStatus="vs">
											<td style="padding:0">
											<div style="margin-left:40px;margin-right:40px;border:none;border-radius:10px;background:rgba(255,255,255,0.5);box-shadow: 0 26px 26px rgb(0 0 0 / 50%);padding:20px">
												<div class="">
													<p>
														<a href="${pageContext.request.contextPath}/findProductById?id=${p.id}">
															<img src="${pageContext.request.contextPath}${p.imgurl}" width="200" height="200" border="0" /> 
														</a>
													</p>
												</div>
												<div class="divlisttitle" style="margin-top:30px;font-size:15px;">
													<a href="${pageContext.request.contextPath}/findProductById?id=1" style="color:red">书名： ${p.name}<br />售价：￥${p.price} </a>
												</div>
												</div>
											</td>
									</c:forEach>
									</tr>
								</table>
					</div>



	<%@ include file="foot.jsp"%>
</body>
</html>
